<template>
  <div class="author-info" style="position: fixed; top: 20px; right: 15%; z-index: 1000;">
    <el-tooltip content="GitHub" placement="left">
      <a href="https://github.com/你的用户名" target="_blank" class="icon-link">
        <i class="fab fa-github" style="font-size: 24px; color: #333;"></i>
      </a>
    </el-tooltip>
  </div>
</template>

<script>
export default {
  name: 'AuthorInfo'
}
</script>

<style scoped>
.author-info i:hover {
  color: #40a9ff !important;
  transition: color 0.3s ease;
}
.icon-link {
  text-decoration: none;
}

@media (max-width: 1200px) {
  .author-info {
    right: 40px;
  }
}
</style> 